@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    body {
        background-color: #000000;
        font-size: 22px;
        font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
        color: #000000;  
        margin: 10px;
    }
}

body {
    background-color: #ffffff;
    font-size: 12px;
    font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    color: #000000;  
    margin: 10px;
}

h1 {
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    border-bottom: 1px solid #000000; 
    font-size:  24px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #D20005;
}
h2{
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    border-bottom: 1px solid #AFAFAF; 
    font-size:  18px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #000000;

}
h4 {
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    border-bottom: 1px solid #AFAFAF; 
    font-size:  24px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #D20005;
}

a:link, a:visited {
    color: #045491;
    font-weight : bold;
    text-decoration: none;
}

a:link:hover, a:visited:hover  {
    color: #000000;
    font-weight : bold;
    text-decoration : underline;
}
.ui-button-text{font-size: 12px;}
.ui-tabs-nav {font-size:12px;}
.ui-datepicker { font-size: 10px; width: 154px;}
.ui-datepicker td {height: 8px;line-height:9px}

.message-table-row{
    font-weight : bold;
}

.loginText{
    font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    color: #16659d;
    font-size: 15px;
    font-weight : bold;
    align:left;
}

.loginSpace{
    font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    color: #a0d0e7;
    font-size: 12px;
    font-weight : bold;
}

.td-index{
    padding-left: 10px;
    width: 300px;
    border-left: thin solid grey;
}

.td-top-nav{
    padding-bottom: 5px;
}

.td-content{
    padding-right: 0px;
}

.img-transparent{
    opacity:0.0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
    border:0;
}

.login-header{
    font: Verdana;
    font-weight: bold;
    font-size: 18pt;
    color: #FFFFFF;
    text-align: left;
}

.tdLeft{
    text-align: left;
}


.table-submit{border:0; width:830px; text-align: right;}
.fieldNote{
    font-size: 10px;
    font-weight: bold;

}

.btnAssign{
    width:80px;
}

.creditField{
    width:210px;
}

.calcField{
    font-weight: bold;
}

td.creditScore{
    background-color:#006aa4;
    color:#ffffff;
    font-weight: bold;
}
td.creditAlign{
    text-align: right;
}
td.assessScore{
    background-color:#d0e8f5;
    color:#000000;
    font-weight: bold;
}

td.btn{
    text-align:center;
}

table.panel{
    width:100%;
    align:center;
}

.dOrange{
   color:#000000;
   background-color: #ffe18e;
   font-weight: bold;
}

.dRed{
   color:#000000;
   background-color: #ff7878;
   font-weight: bold;    
}
